HTMLify

about.html
Views: 88 | Author: ahmads_codes
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
    integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
    integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
    integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
    crossorigin="anonymous"></script>
  <script src="bootstrap.min.css"></script>
  <script src="bootstrap.min.js"></script>
  <script src="jquery.slim.min.js"></script>
  <script src="popper.min.js"></script>
  <link rel="stylesheet" href="feedback.html">
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="#"><b>Precious Memories </b></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About Us</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="Destination(rafi).html" role="button" data-toggle="dropdown"
            aria-expanded="false">
            Destination
          </a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="delhi.html">Delhi</a>
            <a class="dropdown-item" href="jamshedpur.html">Jamshedpur</a>
            <a class="dropdown-item" href="jaipur.html">Jaipur</a>
            <a class="dropdown-item" href="">Goa</a>
            <a class="dropdown-item" href="manali.html">Manali</a>
            <a class="dropdown-item" href="pune.html">Pune</a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="destination.html">others</a>
          </div>
        </li>
        <li class="nav-item">
          <a class="nav-link " href="feedback.html"> Feedback</a>
        </li>
        <li class="nav-item">
          <a class="nav-link " href="contact.html"> Contact Us</a>
        </li>
        <li class="nav-item">
          <a class="nav-link " href="#"> Log in</a>
        </li>
      </ul>
      <form class="form-inline my-2 my-lg-0">
        <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
      </form>
    </div>
  </nav>



  <h1><b><center>Get Wedded with Precious Memories</center></b></h1>
  <p><center>Celebrate your forever Memories, with a brand new guide from industry experts Wedded Wonderland.</center></p>

  <div class="container marketing my-4">

    <!-- Three columns of text below the carousel -->
    <div class="row">
      <div class="col-lg-4">
        <img class="bd-placeholder-img rounded-circle" width="140" height="140" src="amaan.jpg">

        <h2 class="fw-normal">Amaan Ahmad</h2>
        <p>Director and Manager</p>
        
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
        <img class="bd-placeholder-img rounded-circle" width="140" height="140" src="rafi.png">
        <h2 class="fw-normal">Rafique Ansari</h2>
        <p>Event Manager and Organizer</p>
        
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4">
        <img class="bd-placeholder-img rounded-circle" width="140" height="140" src="priya.jpg">
        <h2 class="fw-normal">Priya Kumari</h2>
        <p> Founder and Planner</p>
        
      </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->
     
    
    <!-- START THE FEATURETTES -->

    <hr class="featurette-divider">

    <div class="row featurette d-flex justify-content-center align-items-center">
      <div class="col-md-7">
        <h2 class="featurette-heading fw-normal lh-1">About us <span class="text-body-secondary"></span></h2>
        <p class="lead">Precious Memories is a trusted wedding vendor directory that helps engaged couples search, compare and find the perfect local wedding professionals for their wedding. With all the planning tools, wedding services, inspiration and community one could dream of, wedding planning is easy and every part of the journey can be enjoyed.</p>
      </div>
      <div class="col-md-5">
        <img  class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
        height="500"src="ab2.jpg" alt="">
        
      </div>
    </div>

    <hr class="featurette-divider">

    <div class="row featurette d-flex justify-content-center align-items-center">
      <div class="col-md-7 order-md-2">
        <h2 class="featurette-heading fw-normal lh-1">Local wedding vendor directory<span class="text-body-secondary"></span></h2>
        <p class="lead">Our comprehensive directory of wedding professionals, from venues to photographers, features millions of consumer reviews, detailed pricing and availability information, payments and more.</p>
      </div>
      <div class="col-md-5 order-md-1">
        <img  class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
        height="500"src="about1.jpg" alt="">
      </div>
    </div>
 <hr class="featurette-divider">
 <hr class="featurette-divider">





 <div class="landing-who-section landing-who-aroundtheworld">
  <img src="worldmap.jpg" alt="" height="500px" width="100%">
  <div class="wrapper">
      
</div>



    <!-- /END THE FEATURETTES -->

  </div>
<h1><b><center>Reviews</center></b></h1>
<p><center>Our comprehensive directory of wedding professionals, from venues to photographers, features thousands of reviews from real couples.</center></p>

  <div class="landing-who-aboutus-stats">
    <div class="pure-g mb65">
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_1.gif" width="110"> <span>2,00,00,000</span> Unique users </div><br>
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_2.gif" width="110">
            <span>70,00,000</span> Reviews                </div><br>
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_3.gif" width="110"> <span>4,00,00,000</span> Weddings </div><br>
    </div>
    <div class="pure-g">
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_4.gif" width="110"> <span>7,00,000</span> Advertised businesses  </div><br>
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_5.gif" width="110"> <span>1,700</span> Employees </div><br>
        <div class="pure-u-1-3">
            <img src="https://cdn1.weddingwire.in/assets/img/whoweare/aboutus_6.gif" width="110"> <span>15</span> Markets    </div><br>
    </div>
</div>

<img src="https://cdn1.weddingwire.in/assets/img/whoweare/about-us-footer.jpg" width="100%">

  <!-- Footer -->
  <footer class="text-center text-lg-start bg-body-tertiary text-light bg-dark ">
    <!-- Section: Social media -->
    <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">


      <!-- Right -->
      <div>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-facebook-f"></i>
        </a>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-twitter"></i>
        </a>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-google"></i>
        </a>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-instagram"></i>
        </a>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-linkedin"></i>
        </a>
        <a href="" class="me-4 text-reset">
          <i class="fab fa-github"></i>
        </a>
      </div>
      <!-- Right -->
    </section>
    <!-- Section: Social media -->

    <!-- Section: Links  -->
    <section class="">
      <div class="container text-center text-md-start mt-5">
        <!-- Grid row -->
        <div class="row mt-3">
          <!-- Grid column -->
          <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
            <!-- Content -->
            <h6 class="text-uppercase fw-bold mb-4">
              <i class="fas fa-gem me-3"></i>Precious Memories
            </h6>
            <p>
              Plan your wedding on the go with the WeddingWire app
            </p>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
            <!-- Links -->
            <h6 class="text-uppercase fw-bold mb-4">
              Products
            </h6>
            <p>
              <a href="#!" class="text-reset">Angular</a>
            </p>
            <p>
              <a href="#!" class="text-reset">React</a>
            </p>
            <p>
              <a href="#!" class="text-reset">Vue</a>
            </p>
            <p>
              <a href="#!" class="text-reset">Laravel</a>
            </p>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
            <!-- Links -->
            <h6 class="text-uppercase fw-bold mb-4">
              Useful links
            </h6>
            <p>
              <a href="http://www.instagram.com" class="text-reset">Instagram</a>
            </p>
            <p>
              <a href="http://www.whatsspp.com" class="text-reset">whats app</a>
            </p>
            <p>
              <a href="http://www.snapchat.com" class="text-reset">Snapchat</a>
            </p>
            <p>
              <a href="http://www.google.com" class="text-reset">Google</a>
            </p>
          </div>
          <!-- Grid column -->

          <!-- Grid column -->
          <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
            <!-- Links -->
            <h6 class="text-uppercase fw-bold mb-4">Contact</h6>
            <p><i class="fas fa-home me-3"></i> New York, NY 10012, US</p>
            <p>
              <i class="fas fa-envelope me-3"></i>
              info@example.com
            </p>
            <p><i class="fas fa-phone me-3"></i> + 01 234 567 88</p>
            <p><i class="fas fa-print me-3"></i> + 01 234 567 89</p>
          </div>
          <!-- Grid column -->
        </div>
        <!-- Grid row -->
      </div>
    </section>

    <!-- Copyright -->
    <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
      © 2024 Copyright:
      <a class="text-reset fw-bold" href="https://mdbootstrap.com/">MDBootstrap.com</a>
    </div>
    <!-- Copyright -->
  </footer>
  <!-- Footer -->






</body>

</html>

Comments